<include file="Public:header" />

<!--Body-->

    <div class="index-banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <?php
                    $banner = M('content')->where(['pid'=>14])->select();
                ?>
                <volist name="banner" id="bo">
                    <div class="swiper-slide" style="background: url('<{$bo.picurl}>') no-repeat center center;">
                        <a href="#">
                        <div class="banner-content banner-content1">
                            <div class="wrap clearfix">
                                <div class="banner-p">
                                    <div class="banner-pc">
                                        <h3><{$bo.title}></h3>
                                        <h4>Picture Perfect Dual Camera</h4>
                                        <p>
                                            <{$bo.content}>
                                        </p>                                   
                                    </div>
                                </div>
                            </div>
                        </div>
                        </a>
                    </div>
                </volist>                   
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>

    <div class="index-product">
        <div class="wrap">
            <?php
                $four_img = M('content')->where(['pid'=>15])->order('id asc')->select();
            ?>
            <div class="index-product-content clearfix">
                <div class="ipc-left">
                    <a href="<{$four_img[0]['picurl']}>">
                        <img width="583" height="530" src="<{$four_img[0]['picurl']}>" alt="Mi MIX">
                    </a>
                </div>
                <div class="ipc-right">
                    <div class="ipc-right-1">
                        <a href="<{$four_img[1]['picurl']}>">
                            <img width="583" height="263" src="<{$four_img[1]['picurl']}>" alt="Mi Robot Vacuum Cleaner">
                        </a>
                    </div>
                    <div class="ipc-right-2 clearfix">
                        <div class="ipc-right-2box">
                            <a href="<{$four_img[2]['picurl']}>">
                                <img width="290" height="263" src="<{$four_img[2]['picurl']}>" alt="Redmi 4X">
                            </a>
                        </div>
                        <div class="ipc-right-2box">
                            <a href="<{$four_img[3]['picurl']}>">
                                <img width="290" height="263" src="<{$four_img[3]['picurl']}>" alt="Mi Router 3">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="index-news">
        <div class="wrap">
            <div class="index-news-title">
                <p>
                    <span>News Center</span>
                    <a class="index-news-title-add" href="/News/index.html"></a>
                </p>

            </div>
            <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=e63c60a7-c451-41e6-870f-5d1758b86288&style=-1"></script>
            <div class="index-news-content clearfix">
                <div class="news-list1 clearfix">

                    <?php
                        $four_img = M('content')->where(['pid'=>28])->order('id desc')->select();
                    ?>
                        <div class="in-box in-box1 clearfix">
                                <div class="in-share">
                                    <a style="background: url('/public/wm/images/share1.png') no-repeat center center;cursor: pointer;" onclick="javascript:bShare.share(event,'facebook',0);return false;" class="bshareDiv" url="#"></a>
                                    <a style="background: url('/public/wm/images/share2.png') no-repeat center center;cursor: pointer" onclick="javascript:bShare.share(event,'twitter',0);return false;" class="bshareDiv" url="#"></a>
                                </div>
                                <a href="/News/info/id/11.html">
                                    <div class="in-box-p">
                                        <div class="in-box-p-date">
                                            <h4></h4>

                                            <p><{$four_img[0]['title']}></p>
                                        </div>
                                        <div class="in-box-p-title">
                                            <{$four_img[0]['content']}>                                      
                                        </div>

                                    </div>
                                    <div class="in-box-img">
                                        <img width="288" height="300" src="<{$four_img[0]['picurl']}>" alt="The Xiaomi Mi MIX 2 will take ‘bezelless’ to a whole new level">
                                    </div>
                                </a>
                            </div>
                            <div class="in-box in-box2 clearfix">
                                <div class="in-share">
                                    <a style="background: url('/public/wm/images/share1-white.png') no-repeat center center;cursor: pointer;" onclick="javascript:bShare.share(event,'facebook',1);return false;" class="bshareDiv" url="http://www.umitel.com/News/info/id/12.html"></a>
                                    <a style="background: url('/public/wm/images/share2-white.png') no-repeat center center;cursor: pointer" onclick="javascript:bShare.share(event,'twitter',1);return false;" class="bshareDiv" url="http://www.umitel.com/News/info/id/12.html"></a>
                                </div>
                                <a href="/News/info/id/12.html">
                                    <div class="in-box-p">
                                        <div class="in-box-p-date">
                                            <h4></h4>

                                            <p><{$four_img[1]['title']}></p>
                                        </div>
                                        <div class="in-box-p-title">
                                            <{$four_img[1]['content']}>   
                                        </div>

                                    </div>
                                    <div class="in-box-img">
                                        <img width="288" height="300" src="<{$four_img[1]['picurl']}>" alt="MIUI 9 global beta now available on Xiaomi Mi 6 and Redmi Note 4/4X">
                                    </div>
                                </a>
                            </div>                    
                        </div>            
                    </div>
            </div>
        </div>
    <script>
        var headers = $(".bshareDiv");
        $.each(headers, function(i, h) {
            //alert($(this).attr('url'));
            bShare.addEntry({
                //title:$(a).text(),
                url:$(this).attr('url')
                //summary:$(posts[i]).text(),
            });
        });
    </script>

<!--/Body-->

<include file="Public:footer" />